import React from "react";
import "../../assetst/css/one.css";
import BarGraph from "./barGraph";
import BarGraph2 from "./barGraph2";
import BarGraph3 from "./barGraph3";
import BarGraph4 from "./barGraph4";
import BarGraph5 from "./barGraph5";
import BarGraph6 from "./barGraph6";
import Header from "./header";
import { BorderBox7 } from "@jiaminghi/data-view-react";
import lbx from "../../assetst/images/picture/lbx.png";
import jt from "../../assetst/images/picture/jt.png";
import mapNg from "../../assetst/images/picture/map.png";
import Arearmap from "./arear_map";
export default function OneTemplate() {
  return (
    <div className="App" id="main">
      <Header />
      <div className="content">
        <BarGraph></BarGraph>
        <BarGraph2></BarGraph2>
        <BarGraph3></BarGraph3>
      </div>
      <div className="center">
        <div className="income">
          <BorderBox7>
            <div className="income-fl">
              <div className="income-number">
                <span style={{ color: "#ffeb7b", flex: "1" }}>123213</span>
                <br></br>
                <span>2018总支出</span>
              </div>
              <br></br>

              <span className="income-span"></span>
              <div className="income-number">
                <span style={{ color: "#ffeb7b", flex: "1" }}>123213</span>
                <br></br>
                <span>2018总支出</span>
              </div>
            </div>
            <div className="map">
              <div className="map1">
                <img src={lbx} alt="" />
              </div>
              <div className="map2">
                <img src={jt} alt="" />
              </div>
              <div className="map3">
                <img src={mapNg} alt="" />
              </div>
              <div className="map4" id="map_1">
                <Arearmap />
              </div>
            </div>
          </BorderBox7>
        </div>
      </div>
      <div className="content cl2">
        <BarGraph4></BarGraph4>
        <BarGraph5></BarGraph5>
        <BarGraph6></BarGraph6>
      </div>
    </div>
  );
}
